.card {
	width:60px;
	height:100px;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid black;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	font-family:Arial;
	font-weight:bold;
	color:white;
	font-size:32pt;
	text-align:center;
	line-height: 100px;
	background-color:black;
	background-image:url('back.png');
}

.playable:hover {
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.littlecard {
	width:20px;
	height:30px;
	float:left;
	margin-right:5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-color:black;
	background-image:url('back.png');
}

.top_discard {
	width:150px;
	height:250px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	font-size:128pt;
	line-height:230px;
}

.A {
	background-color:#ee2200;
	background-image:none;
}

.B {
	background-color:#00aa00;
	background-image:none;
}

.C {
	background-color:#0033bb;
	background-image:none;
}

.D {
	background-color:#ffbb11;
	background-image:none;
}

.J, .w4 {
	background-color:black;
	background-image:none;
}

.current {
	background-color:#bbb;
}

.data {
	display:none;
}

#hand {
	float:left;
	width:800px;
	border:1.5px solid black;
	padding:15px;
}

#top_discard {
	float:left;
}

#players {
	float:left;
}

#log {
	float:left;
	border:1px solid black;
	width:500px;
	height:200px;
	overflow:scroll;
}
